body {background:#ffffff;}
.banenr-pics {width:100%;/* height:700px; */overflow:hidden;position: relative;}
.banenr-pics img {max-width: 1920px;width: 100%;display:block;margin:0 auto;}
.banenr-pics .swiper-slide {position:relative;overflow: hidden;}
.banenr-pics .swiper-slide .title {position:absolute;top: 50%;left: 50%;margin-left: -635px;margin-top: -100px;transition: all 1s;}
.banenr-pics .swiper-slide .title:hover {transform: translateX(10px);}
.banenr-pics .swiper-slide .title p {color:#ffffff;font-size: 60px;margin-bottom: 35px;font-weight: bold;letter-spacing: 10px;}
.banenr-pics .swiper-slide.swiper-slide-active .title {/*left: 50%;*/}

.banenr-pics .banenr-pagination{position:absolute;right: 0;z-index: 99;text-align:center;bottom: 30px !important;}
.banenr-pics .banenr-pagination span{display:inline-block;width: 8px;height: 8px;border: 1px solid #22a26d;margin: 0px 5px;background:#fff;}
.banenr-pics .banenr-pagination span.swiper-pagination-bullet-active{background-color: #22a26d;}

/*信息中心*/

/*图片轮播*/
.xxzx {background:#ffffff url(/uiFramework/commonResource/image/2023042315213684403.png) no-repeat;padding-bottom:70px;}
.xxzx .title {text-align:center;padding-top:35px;padding-bottom:70px;}
.xxzx .title h3 {color:#21a16c;line-height:45px;font-size: 26px;margin-bottom:15px;font-weight: 100;position:relative;}
.xxzx .title h3::after {position:absolute;content:"";bottom: -8px;width: 70px;height: 1px;background: #d8d8d8;left: 50%;margin-left: -35px;}
.xxzx .title h4 {color:#0d417f;line-height:45px;font-size:28px;font-weight: 400;}
.pic-news {width:55%;overflow:hidden;}
.news-pics1{overflow:hidden;position: relative;}
.news-pics{position:relative;}
.news-pics img{display:block;width:100%;height: 450px;/*object-fit: cover;*/}
.news-pics h2{position: absolute;display: block;bottom: 0;height: 45px;line-height: 45px;width: 100%;overflow: hidden;padding-left: 30px;}
.news-pics h2 span {position: absolute;z-index: 99;font-size: 20px;color: #fff;font-weight: 500;}
.news-pics h2::after {content:"";position:absolute;width: 100%;height: 100%;background: #288b61;left: 0;opacity: .5;}
.news-pics span b{color:#fff;font-size:46px;}

.news-pics1 .pics-pagination{position:absolute;right: 0;z-index: 99;text-align:center;bottom: 15px !important;left: auto !important;width: 15% !important;}
.news-pics1 .pics-pagination span{display:inline-block;width:10px;height:10px;border: 2px solid #ffffff;margin: 0px 5px;background:#fff;}
.news-pics1 .pics-pagination span.swiper-pagination-bullet-active{background-color: #22a26d;border: 2px solid #fff;}

/*新闻列表*/
.news-list{width: 42%;}
.top_list_ul li {float: left;width: 150px;height: 45px;margin-right: 15px;list-style: none;line-height: 45px;text-align: center;}
.hover {background: url(/uiFramework/commonResource/image/2023042315160992700.png) no-repeat;}
.hover a { color:#ffffff;}
.top_list_ul {}
.top_list_ul li a {font-size: 20px;font-weight: bold;}
.list_ul {margin-top: 55px;min-height:252px;}
.list_li a {float: left;width: 80%; overflow: hidden; font-size: 18px; color: #3e3a39; text-overflow: ellipsis;}
.list_li span {font-size: 18px;float: right;color: #808080;}
.list_li {line-height: 42px;white-space: nowrap;overflow: hidden;color: #3e3a39;}
.list_li a:hover {color: #22a26d;}

.list_ul li {margin-bottom:35px;}
.list_ul li:last-child{margin-bottom:0px;}
.list_ul li .fl{width: 18%;text-align: right;padding-right: 40px;box-sizing: border-box;position: relative;}
.list_ul li .fl::after{content:"";position: absolute;height: 100%;width: 1px;background: #21a16c;right: 25px;top: 0;}
.list_ul li .fr{width: 82%;}
.list_ul li:hover h3{color:#21a16c;}
.list_ul li h3 {font-size:18px;margin-bottom: 10px;font-weight: 500;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list_ul li h4 {font-size:14px;font-weight:100;color:#666666;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}




/*核心技术*/

.hxjs {height: 610px;background: url(/uiFramework/commonResource/image/2023042315171594945.png) no-repeat center;}

.hxjs .title {text-align:center;padding-top: 60px;padding-bottom: 50px;}
.hxjs .title h3 {color:#d8d8d8;line-height:45px;font-size: 26px;margin-bottom:15px;font-weight: 100;position:relative;}
.hxjs .title h3::after {position:absolute;content:"";bottom: -8px;width: 70px;height: 1px;background: #d8d8d8;left: 50%;margin-left: -35px;}
.hxjs .title h4 {color:#ffffff;line-height:45px;font-size:28px;font-weight: 400;}

.hxjs-list {position:relative;}
.hxjs-list>ul{display: flex;justify-content: space-between;}
.hxjs-list .line {position:absolute;width: 100%;height: 1px;background: #94cabd;top: 192px;}
.hxjs-list li {width: 18.5%;border-radius: 18px;overflow: hidden;}
.hxjs-list li:hover {box-shadow: 0 0 29px 0 rgba(255,255,255,.7);}
.hxjs-list li:last-child {margin:0;}
.hxjs-list li:hover .b2 {display:none;}
.hxjs-list li a {text-align: center;display:block;width: 100%;height: 100%;box-sizing: border-box;position: relative;}
.hxjs-list li img { width: 100%;   height: 100%;}
.hxjs-list li a .b1 {position:absolute;bottom: -25px;width: 100%;height: 100%;background: url(/uiFramework/commonResource/image/2023042315184182940.png) no-repeat bottom;text-align: left;/* padding-left: 10px; */color: #ffffff;}
.hxjs-list li a .b2 {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.3);}
.hxjs-list li a p {position: absolute;bottom: 30px;left: 30px;color: #fff;}
.hxjs-list li span {display:block;}
.hxjs-list li .dian {height:110px;/* line-height:110px; */position:relative;/* color: transparent; */}
.hxjs-list li .dian i{position:absolute;width: 15px;height: 15px;border-radius: 100%;background: #ffffff;left: 50%;top: 50%;margin-left: -7.5px;margin-top: -7.5px;color: transparent;/* overflow: hidden; */transition: all .2s linear;z-index: 9;}
.hxjs-list li .dian i::after {content:"";position: absolute;width: 150%;height: 150%;left: -27%;top: -27%;border-radius: 100%;border: 1px solid transparent;}

.hxjs-list li .tit::after {content:"";width: 45px;height: 2px;background: #93c6bd;position: absolute;bottom: -16px;left: 50%;margin-left: -22px;}
.hxjs-list li.active .dian i,.hxjs-list li:hover .dian i{width:40px;height:40px;font-size: 16px;font-weight: 800;line-height: 2.5;margin-left:-20px;margin-top:-20px;color: #21a16c;}
.hxjs-list li:hover .dian i::after {border: 1px solid #94cabd;}


/*加入我们*/

.jrwm {padding-top:70px;padding-bottom:70px;background: #ffffff;}
.jrwm .comwidth {height: 275px;background: url(/uiFramework/commonResource/image/2023042315193238747.png) no-repeat center center;background-size: 100%;}
.jrwm .comwidth .cont {padding: 80px 0 0 145px;}
.jrwm .comwidth .cont p {color:#3e3939;font-size: 36px;margin-bottom: 35px;}
.jrwm .comwidth .cont a {width: 140px;height: 38px;display: block;line-height: 38px;text-align: center;background: url(/uiFramework/commonResource/image/2023042315201986608.png) no-repeat;color: #fff;background-size: 100%; border-radius: 0 0 15px 0;position:relative;overflow:hidden;}

.jrwm .comwidth .cont a::before {position: absolute;content: "";top: 0;left: 0; width: 100%;height: 100%;background: linear-gradient(120deg,transparent, #fafafa, transparent);transform: translateX(-100%);transition: 0.6s;}
.jrwm .comwidth .cont a:hover::before {transform: translateX(100%);}





@media screen and (max-width: 767px) {


.xxzx .title {padding: 20px 0;}
.list_ul {margin-top: 25px;}
.list_ul li { margin-bottom: 25px;}
.xxzx {padding-bottom: 35px;}
.hxjs{height:auto;}

/*banner*/
.banenr-pics .swiper-slide .title {transform: translate3d(0%, -50%, 0);    left: 10%;margin:0;}
.banenr-pics .swiper-slide .title p{font-size: 18px;margin-bottom: 10px;letter-spacing: 2px;}
.banenr-pics .swiper-slide .title:hover {transform: translate3d(10px,-50%,0);}
/*信息中心*/


.news-pics h2 span {font-size:18px;width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


/*轮播*/
.pic-news {float: left;width: 100%;}
.news-pics img {height: auto;}
.news-pics h2 {padding-left: 5px;}
.news-pics1 .pics-pagination {width: 20%!important;}

/*列表*/
.news-list {float: left;width: 100%;margin-top: 30px;}
.top_list_ul li {width: 120px;margin-right: 0px;}
.hover {background-size: contain;background-position-y: 5px;}
.list_ul li .fl {padding-right: 14px;}
.list_ul li .fl::after {right: 7px;}




/*核心技术*/
.hxjs{height:auto;background-size: auto 100%;padding-bottom: 40px;}
.hxjs .title {padding-top: 25px;padding-bottom: 20px;}
.hxjs-list .comwidth{width: 90%;}
.hxjs-list>ul {display: block;}
.hxjs-list li {width: 46%;float: right;margin-bottom: 20px;margin-right: 10px;max-width: 230px;}
.hxjs-list li:nth-child(2n+1) {float: left;}

/*加入我们*/
.jrwm {padding: 30px 0;}
.jrwm .comwidth {background-size: cover;height: 100px;}
.jrwm .comwidth .cont {padding: 17px 0 0 22px;}
.jrwm .comwidth .cont p {font-size: 24px;margin-bottom: 10px;}


}